
.ss-default
  ss-display-flex(column, center, center)
  // margin-top: -20%
  img
    width: 100px
    height: @width
    margin-bottom: 10px
  .item-title
    font-size: $size-title-sm
    color: $color-text-info

//选中后 后边出现打勾
.item-check
  line-height: $height
  color: $color
  padding: $padding
  ss-display-flex(row nowrap, space-between, center)
  &.bb-line
    border-bottom: 1rpx solid $color-border
  &.nopd
    padding: 0
  &.active
    color: $color-primary
    &:after
      content: '\e792'

.ss-collapse-item
  &.active
    .item-body
      max-height: 1000px
      height: max-content;
      >.item
        &:last-child
          margin-bottom: $space
  border-bottom: 1px solid $color-line
  .item-head
    height: 48px
    line-height: @height
    cursor: pointer
  .item-body
    max-height: 0
    transition: all .3s ease-in-out
    overflow: hidden
    height: 0;
    

// ssfunc-item-c-progress()
//   .item-c-progress
//     padding-left: 40rpx
//     position: relative
//     &:before
//       content: ''
//       border: 4rpx solid #ccc
//       width: 20rpx
//       height: @width 
//       position: absolute
//       top: 10rpx
//       left: 0rpx
//       border-radius: @width
//       z-index 2
//       background: #fff
//       box-sizing: border-box
//     &:after
//       content: ''
//       width: 1rpx
//       height: 100%
//       position: absolute
//       top: 12rpx
//       left: 9.5rpx
//       background: #ccc
//       z-index 1
//     &.noborder
//       &:after
//         display: none
//     &.current
//       &:before
//         background: #ccc

// ssfunc-adder()
//   .adderSubtractor
//     ss-display-flex(row nowrap, flex-start, center)
//     color: $color-hover
//     .itemx
//       color: $color-primary
//       font-size: 48rpx
//       &.disabled
//         color: #ccc
//     .item-val
//       min-width: 40rpx
//       text-align: center
//       margin: 0 9rpx